<template>
  <div>
    <el-row>
      <el-col :span="24">
        <div class="page-footer">
            <span class="code-item">{{ data.copyright + new Date().getFullYear() + data.company }}</span>
            <span class="code-item">ICP证：{{ data.icp }}</span>
            <a class="code-item" :href="'mailto:' + data.email" style="text-decoration: underline;">客服邮箱：{{ data.email }}</a>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data () {
    return {
      data: {
        copyright:'Copyright ©',
        company: ' 卓晟互联（北京）信息科技有限公司',
        icp: '京ICP备18044042号-1 ',
        email: 'support@joshvm.com'
      }
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
@import '@/css/style.scss';
.page-footer {
  padding: 10px 150px;
  font-size: 14px;
  color: #9A9A9A;
  border-top: 1px solid $color-gray;
  .code-item {
    margin-right:20px;
    color: inherit;
  }
}
</style>
